import React, { Component , Fragment } from 'react'
import userIcon from '../../assets/Mine/no-pic.jpg'
export default class selfTop extends Component{
    componentWillMount(){
        sessionStorage.setItem('timer',new Date().getTime())
    }
    render(){
        // console.log(this.props)
        return(
            <Fragment>
                <div className='self-message'>
                    <div className='self-msg-top'>
                        <div className='self-user-icon'>
                            <img src={userIcon} alt="" />
                        </div>
                        <div className='self-user-msg'>
                            <p className='self-user-name'>用户{sessionStorage.getItem('timer')}</p>
                            <span>普卡</span>
                            <p className='self-upgrade'>再积累3000.00实付金额可升至银卡会员</p>
                        </div>
                        <div className='self-seeting-icon'>
                            <span></span>
                        </div>
                    </div>
                    <div className='self-msg-btm'>
                        <div className='self-balance'>
                            <span>0.00</span>
                            <i>卡包余额</i>
                        </div>
                        <div className='self-coins'>
                            <span>0</span>
                            <i>悠币</i>
                        </div>
                    </div>
                    <div className='hr' style={{'height':'10px','background':'#eee'}}></div>
                    <div className='self-list'>
                        <div className='item'>
                            <img src='https://img07.yiguoimg.com/d/web/180608/01261/105825/unpaid.png' alt=''/>
                            <span>待支付</span>
                        </div>
                        <div className='item'>
                            <img src='https://img07.yiguoimg.com/d/web/180608/01261/105825/take.png' alt=''/>
                            <span>待收货</span>
                        </div>
                        <div className='item'>
                            <img src='http://img05.yiguoimg.com/d/web/180608/01261/105825/evaluate.png' alt=''/>
                            <span>评价送悠币</span>
                        </div>
                        <div className='item'>
                            <img src='https://img06.yiguoimg.com/d/web/180608/01261/105825/changing.png' alt=''/>
                            <span>在线退换货</span>
                        </div>
                        <div className='item'>
                            <img src='https://img07.yiguoimg.com/d/web/180315/01315/162344/allorder.png' alt=''/>
                            <span>全部订单</span>
                        </div>
                    </div>
                    <div className='hr' style={{'height':'10px','background':'#eee'}}></div>
                    <div className='self-server'>
                        <div className='item'>
                            <img src='https://img07.yiguoimg.com/d/web/181029/00591/155051/coupons.png' alt=''/>
                            <span>优惠券</span>
                        </div>
                        <div className='item'>
                            <img src='https://img06.yiguoimg.com/d/web/181029/00591/155051/yellowcard.png' alt=''/>
                            <span>充值卡</span>
                        </div>
                        <div className='item'>
                            <img src='https://img07.yiguoimg.com/d/web/181029/00591/155051/delivery.png' alt=''/>
                            <span>礼品兑换券</span>
                        </div>
                        <div className='item'>
                            <img src='https://img07.yiguoimg.com/d/web/181029/00591/155051/address.png' alt=''/>
                            <span>收货地址</span>
                        </div>
                    </div>
                    <div className='self-server'>
                        <div className='item'>
                            <img src='https://img06.yiguoimg.com/d/web/181029/00591/155051/help.png' alt=''/>
                            <span>帮助中心</span>
                        </div>
                        <div className='item'>
                            <img src='https://img02.yiguo.com/e/web/130101/app/icon/usercenter/box@3x.png' alt=''/>
                            <span>我的团购</span>
                        </div>
                        <div className='item'>
                            <img src='https://img06.yiguoimg.com/d/web/181121/00591/143839/account-icon.png' alt=''/>
                            <span>账户余额</span>
                        </div>
                        <div className='item'>
                            <img src='https://img07.yiguoimg.com/d/web/181029/00591/155051/service.png' alt=''/>
                            <span>在线客服</span>
                        </div>
                    </div>
                </div>
            </Fragment>
        )
    }
}